import {useEffect} from 'react'
import {Text, View} from '@tarojs/components'
import {useDidShow} from '@tarojs/taro'

import './index.scss'

export interface DividerProps {
  width?: number;
  height?: number;
  title?: string;
  style?: string;
  onClickEvent?: () => void
}

export default function BtDivider(props: DividerProps) {

  // 初始化数据
  useEffect(() => {
  }, [])

  // 显示页面时刷新数据
  useDidShow(() => {
  })

  return (
    <View className="divider-container" onClick={props.onClickEvent}>
      <View className='divider-container-block'/>
      <Text className='divider-container-text color-black font-bold text-font-size-32'>{props.title}</Text>
    </View>
  )
}
